<template>
	<el-container>
		<div class="right-panel">
			<div class="right-panel-search" style="width: 100%; margin-top: 5px; margin-bottom: 5px">
				<div class="panel-search-box">
					<span class="demonstration" style="margin-left: 10px">活动类型:</span>
					<el-input v-model="search.busyType" placeholder="请输入活动类型" style="margin-left: 10px; width: 180px"
						clearable></el-input>
				</div>
				<div class="panel-search-box">
					<span class="demonstration" style="margin-left: 10px">活动模板:</span>
					<el-input v-model="search.baseActivityName" placeholder="请输入活动模板"
						style="margin-left: 10px; width: 180px" clearable></el-input>
				</div>
				<div class="panel-search-box">
					<span class="demonstration" style="margin-left: 10px">工具包:</span>
					<el-input v-model="search.toolName" placeholder="请输入工具包" style="margin-left: 10px; width: 180px"
						clearable></el-input>
				</div>
				<div class="panel-search-box">
					<span class="demonstration" style="margin-left: 10px">与量相关:</span>
					<el-select v-model="search.isAmount" placeholder="全部" style="width: 180px; margin-left: 10px"
						clearable>
						<el-option label="是" value="是"></el-option>
						<el-option label="否" value="否"></el-option>
					</el-select>
				</div>
				<div class="panel-search-box">
					<el-button type="primary" style="margin-left: 10px" @click="upsearch">查询</el-button>
					<el-button type="" @click="cleanSearch">清空</el-button>
				</div>
			</div>
		</div>
		<el-header style="display: none"></el-header>
		<el-main class="nopadding">
			<scTable ref="table" :apiObj="apiObj" :params="params" border stripe remoteSort remoteFilter
				@selection-change="selectionChange">
				<!-- <el-table-column type="selection" width="50"></el-table-column> -->

				<el-table-column label="活动模板" prop="baseActivityName" align="center" min-width="150"></el-table-column>
				<el-table-column label="活动类型" prop="busyType" align="center" min-width="150"></el-table-column>
				<el-table-column label="所属场景部" prop="department" align="center" min-width="150"></el-table-column>
				<el-table-column label="工具包" prop="toolName" align="center" min-width="150"></el-table-column>
				<el-table-column label="是否与量有关" prop="isAmount" align="center" min-width="150"></el-table-column>
			</scTable>
		</el-main>
		<!-- <el-drawer v-model="tasksVisible" :size="450" title="任务中心" destroy-on-close>
			<tasks></tasks>
		</el-drawer> -->
	</el-container>
</template>

<script>
export default {
	name: 'activityList',
	data() {
		return {
			dialog: {
				info: false
			},
			search: {},
			apiObj: this.$API.activity.ActivityCenter.list,
			params: {
			}
		}
	},
	watch: {},

	mounted() { },
	async created() {
	},

	methods: {
		upsearch() {
			this.$refs.table.upData(this.search)
		},
		cleanSearch() {
			this.search = {}
			this.$refs.table.reload(this.search)
		}
	}
}
</script>

<style>
.header-btn-item {
	display: flex;
}
</style>
